<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="author" content="jerehedu">
    <meta name="keywords" content="bootstrap,css,html">
    <meta name="description" content="jerehedu">
    <link rel="icon" href="favicon.ico"/>
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="css/style.css"/>
    <script src="js/jquery-3.1.0.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>

    <title>personal resume1</title>
</head>
<body class="container">
    <header class="page-header">
        <h1 class="text-capitalize">
            resume
            <small>yuzhiyong</small>
        </h1>
    </header>
    <div class="row">
        <div class="col-sm-3">
            <div class="row">
                <blockquote>
                    <p class="text-info">Information</p>
                    <small>basic</small>
                </blockquote>
                <img src="img/IMG_1126.JPG" alt="证件照" class="img-responsive img-rounded"/>
                <section class="text-center">
                    <span class="text-center text-primary lead text-capitalize">coder</span>
                </section>
            </div>
            <div class="row">
                <blockquote>
                    <p class="text-info">Contact Information</p>
                    <small>contact me</small>
                </blockquote>
                <section>
                    <address>
                        <span class="glyphicon glyphicon-home text-primary"></span>
                        <span class="text-primary">家庭住址：</span>
                        山东省烟台市芝罘区

                        <br/>
                        <span class="glyphicon glyphicon-home text-primary"></span>
                        <span class="text-primary">公司地址：</span>
                        山东省烟台市莱山区迎春大街133号科技创业大厦杰瑞教育

                        <br/>
                        <span class="glyphicon glyphicon-envelope text-primary"></span>
                        <span class="text-primary">电子邮箱：</span>
                        <a href="mailto:18363817521@163.com">18363817521@163.com</a>

                        <br/>
                        <span class="glyphicon glyphicon-blackboard text-primary"></span>
                        <span class="text-primary">博客：</span>
                        <a href="#">http://blog.csdn.net/</a>
                    </address>
                </section>
            </div>
        </div>
        <div class="col-sm-8 col-sm-offset-1">
            <div class="row">
                <div class="jumbotron">
                    <h3>1年Web前端开发经验，3个商业网站的开发</h3>
                    <p>精通 <code>HTML5</code>, <code>CSS3</code>, <code>JavaScript</code></p>
                    <p>熟练掌握 <code>Bootstrap</code>,<code>AngularJS</code>等前端框架</p>

                    <a href="#" class="btn btn-primary">查看更多</a>
                </div>
            </div>

            <div class="row">
                <p class="page-header">
                    <h3 class="text-primary">工作经历
                        <small>---job</small>
                    </h3>

                </p>
                <table class="table table-bordered table-striped table-hover">
                    <tr>
                        <th>时间</th>
                        <th>公司</th>
                        <th>职位</th>
                        <th>职责</th>
                    </tr>
                    <tr>
                        <th>2011-2014年</th>
                        <th>北京某互联网公司</th>
                        <th>软件开发工程师</th>
                        <th>负责网站功能模块开发</th>
                    </tr>
                    <tr>
                        <th>2014-2015年</th>
                        <th>烟台某软件公司</th>
                        <th>软件开发工程师</th>
                        <th>负责软件功能模块开发</th>
                    </tr>
                    <tr>
                        <th>2015-至今</th>
                        <th>杰瑞教育科技有限公司</th>
                        <th>H5讲师</th>
                        <th>前端开发相关知识授课</th>
                    </tr>
                </table>

            </div>

            <div class="row">
                <p class="page-header">
                <h3 class="text-primary">教育经历
                    <small>---edu</small>
                </h3>

                </p>
                <section>
                    <dl class="dl-horizontal">
                        <dt>200*-201*年</dt>
                        <dd>清华大学</dd>
                        <dt>200*-201*年</dt>
                        <dd>北京大学</dd>
                        <dt>200*-201*年</dt>
                        <dd>复旦大学</dd>
                    </dl>
                </section>
            </div>

            <div class="row">
                <p class="page-header">
                <h3 class="text-primary">作品展示
                    <small>---project</small>
                </h3>

                </p>

                <div class="row">
                    <div class="col-sm-3">
                        <img src="img/1.jpg" alt="pro1" class="img-thumbnail"/>
                        <img src="img/1.jpg" alt="pro1" class="img-thumbnail"/>
                        <img src="img/1.jpg" alt="pro1" class="img-thumbnail"/>
                    </div>
                    <div class="col-sm-3">
                        <img src="img/1.jpg" alt="pro1" class="img-thumbnail"/>
                        <img src="img/1.jpg" alt="pro1" class="img-thumbnail"/>
                        <img src="img/1.jpg" alt="pro1" class="img-thumbnail"/>
                    </div>
                    <div class="col-sm-3">
                        <img src="img/1.jpg" alt="pro1" class="img-thumbnail"/>
                        <img src="img/1.jpg" alt="pro1" class="img-thumbnail"/>
                        <img src="img/1.jpg" alt="pro1" class="img-thumbnail"/>
                    </div>
                    <div class="col-sm-3">
                        <img src="img/1.jpg" alt="pro1" class="img-thumbnail"/>
                        <img src="img/1.jpg" alt="pro1" class="img-thumbnail"/>
                        <img src="img/1.jpg" alt="pro1" class="img-thumbnail"/>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <footer class="navbar-fixed-bottom text-center">&copy;2016 personal resume</footer>
</body>
</html>